import Vue from "vue";
import VueRouter from "vue-router";
import routes from './routes';
import config from '@/config';
Vue.use(VueRouter);



const router = new VueRouter({
  mode: "history",
  base: config.baseUrl.pro,
  routes,
  scrollBehavior (to) {
    // 如果你的連結是帶 # 這種
    // to.hash 就會有值(值就是連結)
    // 例如 #3
    if (to.hash) {
      return {
        // 這個是透過 to.hash 的值來找到對應的元素
        // 照你的 html 來看是不用多加處理這樣就可以了
        // 例如你按下 #3 的連結，就會變成 querySelector('#3')，自然會找到 id = 3 的元素
        selector: to.hash
      }
    }
  }
});

export default router;
